<template>
    <div id="app">
        <div class="header_box">
            <HeaderView>
                <template v-slot:center>
                    <div class="header_box_main">
                        评价统计
                    </div>
                </template>
            </HeaderView>
        </div>
        <!-- 1.柱状图 -->
        <echarts_1 :data='sales' v-if="sales.length"/>
        


    </div>
</template>
<script>
import HeaderView from '@/components/header1View.vue';
import {sales_houduan} from '../../allData/echarts'
// import axios from 'axios';
import echarts_1 from '../../components/echarts_1.vue'
    export default{
        data(){
            return{
                // sales:[]   //1.发请求，sales是从后端拿到的数据
                sales:sales_houduan   //1.现在是模拟从后端拿到的数据
            }
        },
        // async created(){  
        //     const res=await axios.get("http://localhost:8080/sales");  //2.匹配后端数据接口
        //     this.sales=res.data;
        // },
        methods:{

        },
        components:{
            echarts_1,
            HeaderView
        }

    }
</script>

<style scoped>
.header_box_main{
        width: 200px;
        text-align: center;
        margin:0 auto;
}
</style>